<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="renderer" content="webkit" />
    <title>环贸ICD</title>
    <link href="style/index.css" rel="stylesheet" type="text/css"/>
    <link href="style/phone.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
</head>

<body>

<div class="loading">
    <div class="container">
        <div class="img">
            <div><img src="image/img530.jpg" alt=""></div>
        </div>
        <div class="line"><i></i></div>
        <a href="javascript:;" class="btn">立即进入</a>
    </div>
</div>

<div class="g-head">
    <div class="wal">
        <a href="" class="logo"></a>
        <a href="javascript:;" class="navA"></a>
        <div class="g-nav">
            <ul>
                <li><a href="" class="name on">主页</a></li>
                <li><a href="" class="name">精彩活动</a></li>
                <li><a href="" class="name">零售业态</a></li>
                <li><a href="" class="name">餐饮业态</a></li>
                <li><a href="" class="name">生活业态</a></li>
                <li><a href="" class="name">礼宾服务</a></li>
                <li><a href="" class="name">关于项目</a></li>
            </ul>
        </div>
        <div class="side">
            <ul class="btn">
                <li><a href="javascript:;" class="on" id="audio"><img src="image/img43_1.png" alt=""><img src="image/img43_1on.png" alt=""></a><audio id="myAudio" src="image/icd.mp3" autoplay></audio></li>
                <li class="search">
                    <a href="javascript:;"><img src="image/img43_2.png" alt=""></a>
                    <div class="form">
                        <div class="input"><input type="text"></div>
                        <div class="submit"><input type="button" value=""></div>
                    </div>
                </li>
                <li><a href=""><img src="image/img43_3.png" alt=""><img src="image/img43_3on.png" alt=""></a></li>
                <li><a href=""><img src="image/img43_4.png" alt=""><img src="image/img43_4on.png" alt=""></a></li>
            </ul>
            <dl class="btn">
                <dd><a href="" class="on">简体</a></dd>
                <dd><a href="">繁体</a></dd>
                <dd><a href="">EN</a></dd>
            </dl>
        </div>
    </div>
</div>

<div class="indexFlash">
    <ul>
        <li>
            <div class="img" style="background-image: url('image/img1920_1.jpg')"></div>
            <div class="img ipadShow" style="background-image: url('image/img1920_1.jpg')"></div>
            <div class="img phoneShow" style="background-image: url('image/img1920_1.jpg')"></div>
            <div class="video"><video src="image/video.mp4" autoplay loop muted></video></div>
            <div class="layer">
                <div class="name">生活有滋有味 尽在环贸iCD</div>
                <div class="msg">时尚购物<em>/</em>生活美食<em>/</em>潮流运动<em>/</em>休闲娱乐</div>
                <div class="more"><a href="">查看更多</a></div>
            </div>
        </li>
        <li>
            <div class="img" style="background-image: url('image/img1920_2.jpg')"></div>
            <div class="img ipadShow" style="background-image: url('image/img1920_2.jpg')"></div>
            <div class="img phoneShow" style="background-image: url('image/img1920_2.jpg')"></div>
            <div class="layer">
                <div class="name">生活有滋有味 尽在环贸iCD</div>
                <div class="msg">时尚购物<em>/</em>生活美食<em>/</em>潮流运动<em>/</em>休闲娱乐</div>
                <div class="more"><a href="">查看更多</a></div>
            </div>
        </li>
        <li>
            <div class="img" style="background-image: url('image/img1920_3.jpg')"></div>
            <div class="img ipadShow" style="background-image: url('image/img1920_3.jpg')"></div>
            <div class="img phoneShow" style="background-image: url('image/img1920_3.jpg')"></div>
            <div class="layer">
                <div class="name">生活有滋有味 尽在环贸iCD</div>
                <div class="msg">时尚购物<em>/</em>生活美食<em>/</em>潮流运动<em>/</em>休闲娱乐</div>
                <div class="more"><a href="">查看更多</a></div>
            </div>
        </li>
        <li>
            <div class="img" style="background-image: url('image/img1920_4.jpg')"></div>
            <div class="img ipadShow" style="background-image: url('image/img1920_4.jpg')"></div>
            <div class="img phoneShow" style="background-image: url('image/img1920_4.jpg')"></div>
            <div class="layer">
                <div class="name">生活有滋有味 尽在环贸iCD</div>
                <div class="msg">时尚购物<em>/</em>生活美食<em>/</em>潮流运动<em>/</em>休闲娱乐</div>
                <div class="more"><a href="">查看更多</a></div>
            </div>
        </li>
    </ul>
    <div class="dots"></div>
</div>
<script>
    function indexFun() {
        var dom = $('.indexFlash');
        dom.find('ul').addClass('swiper-wrapper');
        dom.find('li').addClass('swiper-slide');
        new Swiper(dom, {
            loop:true,
            autoplay: 5000,
            autoplayDisableOnInteraction: false,
            paginationClickable: true,
            speed: 600,
            pagination: dom.find('.dots')
        })
    }
</script>

<div class="index-activity">
    <div class="title"><h2>精彩活动</h2></div>
    <div class="list">
        <ul>
            <li>
                <dl>
                    <dd><a href="">HEXATRON森矩阵的光照耀在成都中国符合国际时尚风格</a></dd>
                    <dd><a href="">IFS产品欺诈指导新的IFS物流和IFS HPC IFS理论诈指导新的</a></dd>
                    <dd><a href="">森矩阵的光照耀在成都中国符合国际时尚风格</a></dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dd><a href="">HEXATRON森矩阵的光照耀在成都中国符合国际时尚风格</a></dd>
                    <dd><a href="">森矩阵的光照耀在成都中国符合国际时尚风格</a></dd>
                    <dd><a href="">IFS产品欺诈指导新的IFS物流和IFS HPC IFS理论诈指导新的</a></dd>
                </dl>
            </li>
        </ul>
        <div class="arrow">
            <a href="javascript:;" class="prev"></a>
            <a href="javascript:;" class="next"></a>
        </div>
    </div>
</div>
<script>
    $(function () {
        new swiperFun({
            dom: $('.index-activity'),
            domList: '.list',
            autoplay: 5000
        })
    })
</script>
<div class="index-brand">
    <div class="title">品牌推荐</div>
    <div class="list">
        <ul>
            <li><a href=""><img src="image/img40_1.png" alt=""></a></li>
            <li><a href=""><img src="image/img40_2.png" alt=""></a></li>
        </ul>
    </div>
</div>
<script>
    $(function () {
        new swiperFun({
            dom: $('.index-brand'),
            domList: '.list',
            slidesPerView: 2,
            autoplay: 7000
        })
    })
</script>

<div class="index-foot">
    <div class="list"><a href="">Contact us</a>/<a href="">Join us</a>/<a href="">Disclaimer</a></div>
    <p>Copyright © 2020 祥宝投资（成都）有限公司</p>
    <p>All Rights Reserved   Power by GuideBrand</p>
</div>
</body>
</html>

<script type="text/javascript" src="script/js.js"></script>
<link rel="stylesheet" href="script/swiper/swiper-3.4.2.min.css">
<script type="text/javascript" src="script/swiper/swiper-3.4.2.jquery.min.js"></script>